<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>填写报名信息</title>
    <link rel="stylesheet" type="text/css" href="__CSS__api.css" />
    <link rel="stylesheet" type="text/css" href="__CSS__aui.css" />
    <style>
        .aui-bar-nav .aui-iconfont {
            position: relative;
            font-family: "aui_iconfont" !important;
            font-size: 0.75rem;
            color: #E73C5C;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 2.4rem;
        }

        .aui-bar-nav {
            background-color: #fff;
        }

        .aui-icon-tu {
            height: 2.4rem;
            width: 45px;
            background: url('__IMG__guanbi.png') no-repeat 0.5rem center;
            background-size: 20px 20px;
        }

        .aui-bar-nav .aui-pull-right {
            padding-right: 0.75rem;
        }

        .aui-bar-nav .aui-title {
            font-size: 0.9rem;
            color: #333333;
            font-weight: 500;
        }
        body{
            background-color: #FFFFFF;
        }
        .warrp{
            width: 100%;
            height: 100%;
            padding: 1.4rem 1.5rem 0 1.5rem;
        }
        .title{
            width: 100%;
            height: 3.5rem;
            font-size:1.15rem;
            color: #333333;
            line-height:1.15rem;
            padding-bottom:2.4rem;
            font-weight: bold;
        }
        .phone{
            margin-top: 0.8rem;
            font-size:0.7rem;
            color:#333333;
            line-height:0.6rem;
            font-weight: bold;
        }
        .shuru{
            width: 100%;
            height: 2.35rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .code{
            width: auto;
            height: 2.25rem;
            font-size:0.65rem;
            color:#B3B3B3;
            line-height:2.35rem;
        }
        input[type="text"], input[type="password"], input[type="tel"] {
            width: 9rem;
            height: 2.25rem;
            color: #010101;
            background: none;
            outline: none;
            font-size: 0.8rem;
            font-weight: 600;
            line-height:2.25rem;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
        }

        input::-webkit-input-placeholder {
            color: #B3B3B3;
            font-size: 0.75rem;
            font-weight: normal;
            line-height:2.25rem;
        }
        .login-btn{
            margin-top: 2.25rem;
            width:100%;
            height:2.5rem;
            background:#E73C5C;
            border-radius:5px;
            font-size:0.8rem;
            color:#FFFFFF;
            line-height:2.5rem;
            text-align: center;
            font-weight: bold;
        }
        .zhuce{
            height: 0.65rem;
            font-size:0.7rem;
            color: #E73C5C;
            line-height:0.65rem;
            margin-top: 0.9rem;
            float: right;
        }
        .sanfang{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 3.55rem;
        }
        .tu img{
            width: 2.25rem;
            height: 2.25rem;
        }
        .xieyi{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 9.3rem;
        }
        .xiaobiao{
            width: 0.75rem;
            height: 0.75rem;
        }
        .tongyi{
            font-size: 0.65rem;
            color: #999999;
            font-size: 0.6rem;
        }
        .tongyi span{
            color: #E73C5C;
        }

        input[type="checkbox"] {
            -webkit-appearance: none;
            width: 15px;
            height: 15px;
            vertical-align: middle;
            background: #fff;
            background:url('__IMG__uncheck.png') no-repeat center center;
            background-size: 15px 15px;
            border-radius: 50%;
            margin-right:6.5px;
            margin-top:-1.5px;
        }
        input[type="checkbox"]:checked {
            -webkit-appearance: none;
            width: 15px;
            height: 15px;
            vertical-align: middle;
            background:url('__IMG__xuanzhong.png') no-repeat center center;
            background-size: 15px 15px;
            border-radius: 50%;
        }

        /*input[type="checkbox"] {*/
        /*-webkit-appearance: none;*/
        /*width: 15px;*/
        /*height: 15px;*/
        /*vertical-align: middle;*/
        /*background: #D45365;*/
        /*background-size: 15px 15px;*/
        /*border-radius: 50%;*/
        /*margin-right:6.5px;*/
        /*margin-top:-1.5px;*/
        /*}*/
        /*input[type="checkbox"]:checked {*/
        /*-webkit-appearance: none;*/
        /*width: 15px;*/
        /*height: 15px;*/
        /*vertical-align: middle;*/
        /*background:url('__IMG__xuanzhong.png') no-repeat center center;*/
        /*background-size: 15px 15px;*/
        /*border-radius: 50%;*/
        /*}*/
        .code{
            width: auto;
            height: 2.35rem;
            font-size:0.65rem;
            color:#E73C5C;
            line-height:2.35rem;
            text-align: center;
        }
        .code1{
            width: auto;
            height: 2.35rem;
            font-size:0.65rem;
            color:#B3B3B3;
            line-height:2.35rem;
            text-align: center;
        }
    </style>
</head>

<body>
<header class="aui-bar aui-bar-nav" style="padding-top:25px;" id="header">
    <a class="aui-pull-left" tapmode="active" onclick="history.go(-2)"> <span class="aui-iconfont aui-icon-tu"> </span> </a>
</header>
<div class="warrp">
    <div class="title">
        填写报名信息
    </div>
    <div class="phone">
        姓名
    </div>
    <div class="shuru underLine">
        <input type="text" placeholder="请输入姓名" name="name"/>
    </div>
    <div class="phone">
        手机号
    </div>
    <div class="shuru underLine">
        <input type="text" placeholder="请输入手机号" name="phone"/>
    </div>
    <div class="phone">
        公司名称
    </div>
    <div class="shuru underLine">
        <input type="text" placeholder="请输入公司名称" name="company"/>
    </div>
    <div class="login-btn" onclick="bandlogin()">
        提交报名
    </div>
</div>
<input type="hidden" id="aid" value="{$aid}">
</body>
<script type="text/javascript" src="__JS__jquery.min.js"></script>
<script type="text/javascript" src="__JS__layer_mobile/layer.js"></script>
<script type="text/javascript" src="__JS__api.js"></script>
<script type="text/javascript" src="__JS__tt.js"></script>
<script type="text/javascript">
    //绑定并登陆
    function bandlogin() {
        var aid = $('#aid').val();
        var name = $('input[name="name"]').val();
        var phone = $('input[name="phone"]').val();
        var company = $('input[name="company"]').val();
        $.ajax({
            url:'{:url("Index/ajaxBaoming")}',
            data:{name:name,phone:phone,company:company,aid:aid},
            dataType:'JSON',
            type:'post',
            success:function (res) {
                if(res.status == 200){
                    layer.open({
                        content: res.msg
                        ,skin: 'msg'
                        ,time: 3 //2秒后自动关闭
                    });
                    window.history.go(-1);//返回上一页
                }else{
                    layer.open({
                        content: res.msg
                        ,skin: 'msg'
                        ,time: 3 //2秒后自动关闭
                    });
                }
            }
        })
    }
</script>

</html>
